﻿html,body{ margin:0; padding:0;}
#decktop{
    #head
    {
        border: 1px solid #000000;
        color: #AEAEAE;
        height: 40px;
        left: 0;
        line-height: 40px;
        position:absolute;
        right: 0;
        text-shadow: 0 1px 0 #000000;
        top: 0;
        z-index: 9999;
    }
    #leftside
    {
        background-color: #494949;
        border-right: 1px solid #1B1B1B;
        bottom: 0;
        box-shadow: -5px 0 5px #404040 inset;
        left: 0;
        position: absolute;
        text-shadow: 0 1px 0 #000000;
        top: 42px;
        width: 240px;
        z-index: 3;
    }
    #content
    {
        color: #6D6D6D;
        font-size: 12px;
        margin: 42px 0 0 240px;
        position: relative;
    }
    #menutitle {
        height: 30px;
        line-height: 30px;
    
        h2 {
        height: 30px;
        line-height: 30px;
        background: #0E87CC;
        color: #FFF25D;
        font-size: 14px;
        margin: 0;
        padding: 0;    
        padding-left: 7px;
        }
    }
}
/*common*/
.h20{ height: 20px;}
.h30{ height: 30px;}
.fl{ float: left;}
.fr{ float: right;}


/* accordion */
.accordion .header .collapsable{margin:0; background:url("images/accordion/accordion.png") scroll 100% -46px no-repeat; cursor:pointer;line-height:25px;}
.accordion .header .collapsable:hover{background-position: 100% -70px;}
.accordion .content{ margin:0; padding:0; overflow:hidden; overflow-y:auto; background:#ff353456}
.accordionexpand .header .collapsable{   background-position: 100% -96px; }
.accordionexpand .header .collapsable:hover{   background-position: 100% -121px; }
.accordionexpand .content{ background:#e7ebee; color:#ffffff}
